import { ref } from "vue";
import { generateId } from "../util/todoStorage";
export default function useNewTodo(todoRef) {
  const newTodoRef = ref(""); //新任务的标题
  // 新增任务
  const addTodo = () => {
    const value = newTodoRef.value && newTodoRef.value.trim();
    if (!value) {
      return;
    }
    // 生成一个任务对象，将其加入到任务列表中
    const todo = {
      id: generateId(),
      title: value,
      completed: false, //判断任务是否完成
    };
    console.log(todoRef.value);
    todoRef.value.push(todo);
    // 增加任务以后需要清空任务标题栏
    newTodoRef.value = "";
  };
  return { newTodoRef, addTodo };
}
